<link href="css/template.css" rel="stylesheet" type="text/css" />
<script src="js/SWFSupport.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/PSLxImperial.font.js" type="text/javascript"></script>

<script type="text/javascript">
	Cufon.replace('.txtbar h1, #product #bar h2,#productDetail #bar h2, #productDetail h1'); 
</script>



<script language="javascript" src="js/jquery.marquee.js"></script>
<script type="text/javascript">
    <!--
    $(function () {
        // basic version is: $('div.thumb_area marquee').marquee() - but we're doing some sexy extras
        
        $('div.thumb_area marquee').marquee('pointer').mouseover(function () {
            $(this).trigger('stop');
        }).mouseout(function () {
            $(this).trigger('start');
        }).mousemove(function (event) {
            if ($(this).data('drag') == true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
        }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
        }).mouseup(function () {
            $(this).data('drag', false);
        });
    });
    //-->
</script>

